<?php session_start();?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../Another/Style/jquery-ui.css"/>
<script type="text/javascript" src="../Another/JQuery/jquery1.9.2.min.js"></script>
<script type="text/javascript" src="../Another/JQuery/jquery_ui.js"></script>
<link rel="stylesheet" type="text/css" href="../Another/Style/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="../Another/Style/bootstrap-responsive.css"/>
<style>
.control-label{
	margin-left: 100px;
	margin-right: 10px;
}
</style>
<script type="text/javascript" src="../Another/JQuery/bootstrap-transition.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-alert.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-modal.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-scrollspy.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-tab.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-popover.js"></script>
<script type="text/javascript" src="../Another/JQuery/jquery.validate.js"></script>
<script type="text/javascript">
	  $(document).ready(function(){
			$('input').hover(function()
			{
			$(this).popover('show')
		});
			$("#registerHere").validate({
				rules:{
					TenThanhVien:{
						required:true,
						maxlength: 18
					},
					Email:{
							required:true,
							email: true
						},
					MatKhau:{
						required:true,
						minlength: 6
					},
					DiaChi:{
						required:true
					},
					DienThoai:{
						required:true
					},
					NhapLaiMatKhau:{
						required:true,
						equalTo: "#MatKhau"
					},
					captcha:{
						required:true
					},
					GioiTinh:"required"
				},
				messages:{
					TenThanhVien:{
						required:"Nhập tên đăng nhập của bạn",
						maxlength:"Tên đăng nhập không dài quá 18 kí tự"
					},
					Email:{
						required:"Nhập địa chỉ email của bạn",
						email:"Nhập địa chỉ email hợp lệ"
					},
					MatKhau:{
						required:"Nhập mật khẩu",
						minlength:"Mật khẩu phải có tối thiểu 6 ký tự"
					},
					NhapLaiMatKhau:{
						required:"Nhập lại mật khẩu",
						equalTo:"Mật khẩu và Xác nhận mật khẩu phải phù hợp với nhau"
					},
					DiaChi:{
						required:"Nhập địa chỉ"
					},
					DienThoai:{
						required:"Nhập số điện thoại"
					},
					captcha:{
						required:"Mã xác minh không được để trống",
						//equalTo:"Mã xác minh chưa đúng!"
					},
					GioiTinh:"Nhập Giới Tính"
				},
				errorClass: "help-inline",
				errorElement: "span",
				highlight:function(element, errorClass, validClass) {
					$(element).parents('.control-group').addClass('error');
				},
				unhighlight: function(element, errorClass, validClass) {
					$(element).parents('.control-group').removeClass('error');
					$(element).parents('.control-group').addClass('success');
				}
			});
		});
</script>

<script>
$(function() {
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true
});
});
</script>
<?php 
	include_once "../MyControl/connection.php";
	$TenThanhVien = $_REQUEST['ten'];
	$sql = "SELECT * FROM thanhvien WHERE TenThanhVien='" .$_SESSION["ThanhVien"]."'";
	$result = mysql_query($sql);
	
	while($row = mysql_fetch_array($result))
	{
		$MaThanhVien = $row['MaThanhVien'];
		$TenThanhVien =$row['TenThanhVien'];
		$HoTen = $row['HoTen'];
		$GioiTinh = $row['GioiTinh'];
		$NgaySinh = $row['NgaySinh'];
		$DiaChi = $row['DiaChi'];
		$DienThoai = $row['DienThoai'];	
		$Email = $row['Email'];	
		$QuyenTruyCap = $row['QuyenTruyCap'];	
		$TinhTrang = $row['TinhTrang'];		
	}
?>

  <div class="container">
	
  <div class="row">
	
	
  <div class="span8">

	<form class="form-horizontal" id="registerHere" method='post' action="../MyControl/suathongtincanhan.php">
	  <fieldset>
	    <legend>Thay đổi thông tin cá nhân:</legend>
         <input type="hidden" class="input-xlarge" id="MaThanhVien" name="MaThanhVien" rel="popover" value="<?php if(isset($MaThanhVien)) echo $MaThanhVien;?>"/>
        
	    <div class="control-group">
	      <label class="control-label" for="input01">Tên Đăng Nhập</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="TenThanhVien" name="TenThanhVien" rel="popover" value="<?php if(isset($TenThanhVien)) echo $TenThanhVien;?>"/>
	        
	      </div>
	</div>
	
	 <div class="control-group">
		<label class="control-label" for="input01">Email</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="Email" name="Email" rel="popover" value="<?php if(isset($Email)) echo $Email;?>"/>
	       
	      </div>
	</div>
	
	<div class="control-group">
		<label class="control-label" for="input01">Tên Thật</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="TenThat" name="HoTen" rel="popover" value="<?php if(isset($HoTen)) echo $HoTen;?>"/>
	       
	      </div>
	</div>
    
	 <div class="control-group">
		<label class="control-label" for="input01">Giới Tính</label>
	      <div class="controls">
	          <select name="GioiTinh" id="GioiTinh">
                            <option value="0">[Giới Tính]</option>
                            <option value="1">Nam</option>
                            <option value="2">Nữ</option>
                            <option value="3">Khác</option>
      						</select>
	       </div>
	</div>
	<div class="control-group">
		<label class="control-label" for="input01">Ngày Sinh</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="datepicker" name="NgaySinh" rel="popover" value="<?php if(isset($NgaySinh)) echo $NgaySinh;?>"/>
	       
	      </div>
	</div>
	
    <div class="control-group">
		<label class="control-label" for="input01">Địa Chỉ</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="DiaChi" name="DiaChi" rel="popover" value="<?php if(isset($DiaChi)) echo $DiaChi;?>"/ >
	       
	      </div>
	</div>
    
    <div class="control-group">
		<label class="control-label" for="input01">Số Điện Thoại</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="DienThoai" name="DienThoai" maxlength="11" rel="popover" value="<?php if(isset($DienThoai)) echo $DienThoai;?>"/>
	       
	      </div>
	</div>
    
    <div class="control-group">
		<label class="control-label" for="input01">Tình Trạng</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="TinhTrang" name="TinhTrang" maxlength="11" rel="popover" value="<?php if(isset($TinhTrang)) echo $TinhTrang;?>"/>
	       
	      </div>
	</div>
    
    <div class="control-group">
		<label class="control-label" for="input01">Mã Xác Minh</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="captcha" name="captcha" rel="popover"/>&nbsp;<img src="../MyControl/captcha_code.php"/>
	       
	      </div>
	</div>
   
	<div class="control-group">
		<label class="control-label" for="input01"></label>
	      <div class="controls">
	       <button type="submit" class="btn btn-success" rel="tooltip" title="first tooltip" name="capnhat">Cập Nhật</button>
           &nbsp;
            &nbsp;
             &nbsp;
              &nbsp;
	        <button type="reset" class="btn btn-success" rel="tooltip" title="first tooltip">Nhập Lại</button>
	      </div>
			
	</div>
	</fieldset>
	</form>
   </div>
	
		</div>
        
        
          </div><!--/row-->
        </div><!--/span-->
      </div><!--/row-->


